﻿<template>
	<div>
		<webrtc-video :style="style1" :url="url" :video="video1" :audio="audio1" :options="options1"></webrtc-video>
		<webrtc-video :style="style2" :url="url" :video="video2" :audio="audio2" :options="options2"></webrtc-video>
	</div>
</template>
<script>
	module.exports = {
		name: "大华65",
		components: {
			"webrtc-video": () => httpVueLoaderWrap("/vue/components/webrtc/index.vue"),
		},
		data() {
			return {
				url: "http://10.0.0.188:12345",
				video1: "rtsp://admin:admin123@10.0.0.65:554",
				audio1: null,
				options1: "rtptransport=tcp&timeout=60",
				whrate1: 1920 / 1080,
				w1: 800,
				video2: "rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov",
				audio2: null,
				options2: "rtptransport=tcp&timeout=60",
				whrate2: 240 / 160,
				w2: 400
			}
		},
		computed: {
			style1() {
				return {
					width: this.w1 + "px", height: this.w1 / this.whrate1 + "px"
				}
			},
			style2() {
				return {
					width: this.w2 + "px", height: this.w2 / this.whrate2 + "px"
				}
			}
		},		
	}
</script>